<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:icecore="http://www.icefaces.org/icefaces/core"
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      xmlns:ice="http://www.icesoft.com/icefaces/component">

    <h:head>
        <title>SIVE - Consulta de Entrada y Salida de Vehículos</title>
        <ice:outputStyle href="./xmlhttp/css/rime/rime.css" />
        <ice:outputStyle href="css/style.css" />
        <ice:outputStyle href="css/bootstrap.css" rel="stylesheet" />
        <style type="text/css">
        </style>
        <link href="css/bootstrap-responsive.css" rel="stylesheet" ></link>

        <h:outputScript library="js" name="jquery.js" />
        <h:outputScript library="js" name="bootstrap.min.js" />
        <h:outputScript library="js" name="jquery.placeholder.min.js" />

    </h:head>
    <h:body>  

        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="http://localhost:8080/sive_v3/index.html">SIVE - Sistema de Informaci&oacute;n Vehicular</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Marchamo <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="http://localhost:8080/sive_v3/faces/crearMarchamo.xhtml">Crear marchamo</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/modificarMarchamo.xhtml">Modificar marchamo</a></li>
                                    <li><a href="#">Reactivar marchamo</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Estacionamiento <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="http://localhost:8080/sive_v3/faces/reservacionEvento.xhtml">Reservaci&oacute;n de evento</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/reservacionVisita.xhtml">Reservaci&oacute;n de visita</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/registroDeIncidentes.xhtml">Registro de incidentes</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/registroDeMedidaC.xhtml">Registro multas e infracciones</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Consultas <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="http://localhost:8080/sive_v3/faces/consultaMultiple.xhtml">Consultas m&uacute;ltiples</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/consultaEspecifica.xhtml">Consultas espec&iacute;ficas</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/consultaIngresoVehiculo.xhtml">Consulta de ingreso de vehículos</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Historial <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="http://localhost:8080/sive_v3/faces/estadisticasVehiculares.xhtml">Estad&iacute;sticas y reportes</a></li>
                                    <li><a href="http://localhost:8080/sive_v3/faces/revisionVehiculo.xhtml">Revisi&oacute;n de veh&iacute;culo</a></li>
                                </ul>
                            </li>
                               <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Ayuda<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                  
                                </ul>
                            </li>
                        </ul>
                        <p class="navbar-text pull-right">
                            Identificado como: <a href="#" class="navbar-link">admin</a>
                        </p>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>

        <img src="img/appbar.base.arrow.png" alt="ir atras" class="nav-back" onclick="history.go(-1)" />
        <h3 class="header-bg" style="text-align: center">Sistema de Información Vehicular | Consulta de ingreso de vehículos</h3>  
        <h:form id="textEntryFormUSER"  >

            <ace:tabSet styleClass="panel-principal">
                <ace:tabPane>
                    <icecore:singleSubmit />
                    <f:facet name="label">Consulta de entrada y salida de vehículos</f:facet>

                    <h:graphicImage value="img/new_icons/seach2.png" class="ico-head" />
                    <!--<ace:panel id="personalInfoInputPanel" styleClass="contenedorDatos"> -->
                         <span Class="titulo_panel">Seleccione un criterio para buscar</span>
                        <h:form>
                            <h:panelGrid id="inputGrid" columns="2" width="100%" columnClasses="columnas,columnas" styleClass="panel_border">





                                <h:panelGrid columns="2" styleClass="centeredPanelGrid">
                                    <label for="Parqueo" >Desde :  </label>
                                    <ice:selectInputDate id="popupCalendar"
                                                         value="#{vehiculoCosulta.desde}"
                                                         renderAsPopup="#{vehiculoCosulta.renderAsPopup}"
                                                         renderMonthAsDropdown="#{vehiculoCosulta.renderMonthAsDropdown}"
                                                         renderYearAsDropdown="#{vehiculoCosulta.renderYearAsDropdown}">
                                        <f:convertDateTime pattern="#{vehiculoCosulta.pattern}"/>
                                    </ice:selectInputDate>
                                </h:panelGrid>


                                <h:panelGrid columns="2" >
                                    <label for="Parqueo" >Hasta :</label>
                                    <ice:selectInputDate id="popupCalendar2"
                                                         value="#{vehiculoCosulta.hasta}"
                                                         renderAsPopup="#{vehiculoCosulta.renderAsPopup}"
                                                         renderMonthAsDropdown="#{vehiculoCosulta.renderMonthAsDropdown}"
                                                         renderYearAsDropdown="#{vehiculoCosulta.renderYearAsDropdown}">
                                        <f:convertDateTime pattern="#{vehiculoCosulta.pattern}"/>
                                    </ice:selectInputDate>
                                </h:panelGrid>        

                                <ice:selectOneMenu id="Parqueo">

                                    <label for="Parqueo" >Parqueo : </label>
                                    <f:selectItem id="item10" itemLabel="Seleccione" itemValue="" />
                                    <f:selectItem id="item12" itemLabel="Biología" itemValue="Biología" />
                                    <f:selectItem id="item13" itemLabel="Ciencias Sociales" itemValue="Ciencias Sociales" />
                                    <f:selectItem id="item14" itemLabel="Filosofía y Letras" itemValue="Filosofía y Letras" />
                                    <f:selectItem id="item15" itemLabel="Uriche" itemValue="Uriche" />
                                </ice:selectOneMenu>

                                <input type="button" id="enviar" Class="botonEnviarConsulta" value="Enviar" href="#"/>
                            </h:panelGrid> 
                        </h:form>
                   <!--</ace:panel>    -->
                </ace:tabPane>
                <ace:tabPane>
                    <f:facet name="label">Resultados de la busqueda</f:facet>
                    <ace:panel id="PanelResultados" styleClass="contenedorDatos">
                        
                        <h:graphicImage value="img/new_icons/results1.png" class="ico-head" />
                         <span Class="titulo_panel">Resultados obtenidos</span>
                        
                        <ice:dataTable
                            value="#{tableBean.carInventory}"
                            var="item"
                            width="100%">

                            <!-- Stock number -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Placa #"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="#{item.placa}"/>
                            </ice:column>

                            <!-- Model number -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Hora entrada"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.hora_Entrada}"/>
                            </ice:column>

                            <!-- Description  -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Hora salida"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.hora_Salida}"/>
                            </ice:column>

                            <!-- Odometer reading -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Parqueo"/>
                                </f:facet>
                                <ice:outputText style="text-align: center;" value="#{item.parqueo}"/>
                            </ice:column>

                        </ice:dataTable>
                    </ace:panel> 
                </ace:tabPane>
            </ace:tabSet>  
        </h:form>


        <div class="centered">

               <footer class="footer">
                <span>Desarrollado por: Grupo de trabajo SIVE- </span><script type="text/javascript">
                    document.write ('Hoy es <span id="date-time">', new Date().toLocaleString(), '</span>.')
                    if (document.getElementById) onload = function () {
                        setInterval ("document.getElementById ('date-time').firstChild.data = new Date().toLocaleString()", 50)
                    }
                </script>
            </footer>
        </div>
         

    </h:body>
</html>

